<extend name="Public/base" />

<block name="style">
<style>
.dragsort {
	width: 400px;
}
</style>
</block>

<block name="body"> <!-- 标题栏 -->
<div class="main-title cf">
	<h2>
		<present name="data">编辑<else />新增</present>
		钩子
	</h2>
</div>

<!-- 修改密码表单 -->
<form action="{:U('updateHook')}" method="post" class="form-horizontal">
	<div class="form-item cf">
		<label class="item-label">钩子名称<span class="check-tips">（需要在程序中先添加钩子，否则无效）</span></label>
		<div class="controls">
			<input type="text" value="{$data.name}" name="name"
				class="text input-large">
		</div>
	</div>
	<div class="form-item cf">
		<label class="item-label">钩子描述<span class="check-tips">（钩子的描述信息）</span></label>
		<div class="controls">
			<label class="textarea input-large"><textarea
					name="description">{$data.description}</textarea></label>
		</div>
	</div>
	<div class="form-item cf">
		<label class="item-label">钩子类型<span class="check-tips">（区分钩子的主要用途）</span></label>
		<div class="controls">
			<select name="type">
				<volist name=":C('HOOKS_TYPE')" id="vo">
				<option value="{$key}"<eq name="data.type" value="$key">
					selected</eq>>{$vo}
				</option>
				</volist>
			</select>
		</div>
	</div>
	<present name="data">
	<div class="form-item cf">
		<label class="item-label">钩子挂载的插件排序<span class="check-tips">（拖动后保存顺序，影响同一个钩子挂载的插件执行先后顺序）</span></label>
		<div class="controls">
			<input type="hidden" name="addons" value="{$data.addons}" readonly>
			<empty name="data.addons"> 暂无插件，无法排序 <else />
			<ul id="sortUl" class="dragsort">
				<volist name=":explode(',',$data['addons'])" id="addons_vo">
				<li class="getSort"><b>&times;</b><em>{$addons_vo}</em></li>
				</volist>
			</ul>
			<script type="text/javascript">
						$(function(){
							$("#sortUl").dragsort({
	                            dragSelector:'li',
	                            placeHolderTemplate: '<li class="draging-place">&nbsp;</li>',
	                            dragEnd:function(){
	                            	updateVal();
	                            }
	                        });

							$('#sortUl li b').click(function(){
                            	$(this).parent().remove();
                            	updateVal();
                            });

							// 更新排序后的隐藏域的值
	                        function updateVal() {
	                        	var sortVal = [];
                            	$('#sortUl li').each(function(){
                            		sortVal.push($('em',this).text());
                            	});
                                $("input[name='addons']").val(sortVal.join(','));
	                        }
						})
					</script> </empty>
		</div>
	</div>
	</present>
	<input type="hidden" name="id" value="{$data.id}">
	<button type="submit" class="btn submit-btn ajax-post"
		target-form="form-horizontal">确 定</button>
	<button class="btn btn-return"
		onclick="javascript:history.back(-1);return false;">返 回</button>
</form>
</block>

<block name="script"> <present name="data"> <script
	type="text/javascript" src="__STATIC__/jquery.dragsort-0.5.1.min.js"></script>
</present> <script type="text/javascript">
		$(function(){
			//导航高亮
			highlight_subnav('{:U('Addons/hooks')}');
		})
	</script> </block>